<template>
	<view>
		<!-- <img src="/static/img/index1_1.png"></img> -->
		
		<image :src="`/static/img/${item}.png`" class="img" mode="widthFix" v-for="(item,index) in imgSingle" :key="index"></image>
		<view class="" style="display: flex;">
			<image src="/static/img/index8_1.png" mode="widthFix" class="half_img"></image>
			<image src="/static/img/index8_2.png" mode="widthFix" class="half_img"></image>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgSingle: ['index1_1','index1_2','index1_3','index2','index3','index4','index5','index6','index7']
			}
		},
	}
</script>

<style lang="scss" scoped>
	.img{
		width: 100vw;
		display: block;
	}
	.half_img{
		width: 50vw;
		display: block;
	}
</style>